<template>
    <section class="smartResourceAlertDetail">
  		  	<div class="base_info" v-for = "item in detail">
  				<p class="title">{{item.name}}</p>
  				<div class="base_item" v-for = "itemRow in item.elRow">
	  				<el-row >
					  <el-col :span="12" v-for="itemCol in itemRow">
					  	<el-col class="base_title" :span="8">{{itemCol.name}}</el-col>
					  	<el-col class="base_value" :span="16">{{form[itemCol.value]}}</el-col>
					  </el-col>
					</el-row>
				</div>
  			</div>
  			<p style="text-align: center">
					<el-button type="success" plain>处理告警</el-button>
			</p>
  			
    </section>
</template>

<script>
    
    export default {
    	props:{
    		detail:Array,
    		form:Object
    	},
        data() {
          return {

          };
        },
        methods: {
        
        }
  };
</script>

<style scoped="scoped">
		.base_title{
	    color: #6d6c6cb3;
	    font-size: 13px;
    	font-weight: 600;
	}
   	p.title {
	    font-size: 20px;
	    font-weight: 600;
	}
	.base_item {
	    margin: 15px 0;
	}
	.base_info{
		margin-bottom: 35px;
	}
</style>